/* hmenu.css */
/******************************************
Widget (horizontal menu with 2 menu rows)
<div>
  <ul class="hmenu color-rainbow (theme-classic | theme-transparent)">
  	<li><a href="#">Home</a></li>
  	<li><a href="#" class="current">About</a>
  		<ul>
  			<li><a href="#">Vision</a></li>
  			<li><a href="#">Team</a></li>
  			<li><a href="#">Culture</a></li>
  			<li><a href="#">Careers</a></li>
  			<li><a href="#" class="here">History</a></li>
  			<li><a href="#">Sponsorship</a></li>
  		</ul>
  	</li>
  	<li><a href="#">News</a></li>
  	<li><a href="#">Proof</a></li>
  	<li><a href="#">Process</a></li>
  	<li><a href="#">Expertise</a></li>
  	<li><a href="#">Help</a></li>
   </ul>
</div>
--------------------------------------- **/

.hmenu {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 1.75em 1em;
	margin:0;
	list-style:none;
	line-height:1em;
}

.hmenu LI {
	float:left;
	margin:0;
	padding:0;
}

.hmenu A {
	display:block;
	text-decoration:none;
	font-weight:bold;
	background:#ddd;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

.hmenu A:hover,
.hmenu A:active,
.hmenu A.current:link,
.hmenu A.current:visited {
	background:#bbb;
}

.hmenu A.current:link,
.hmenu A.current:visited {
	position:relative;
	z-index:102;
}

/*subnav*/

.hmenu UL {
	position:absolute;
	left:0;
	top:1.5em;
	float:left;
	background:#bbb;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

.hmenu UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

.hmenu UL A {
	background:#bbb;
/*	color:#fff; */
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

/***************************************
 hmenu wording color
****************************************/
.hmenu A {
	color:#444;
}
.hmenu.color-rainbow LI A {
  color: yellow;
}
.hmenu.color-rainbow LI+LI A {
  color: green;
}
.hmenu.color-rainbow LI+LI+LI A {
  color: red;
}
.hmenu.color-rainbow LI+LI+LI+LI A {
  color: orange;
}
.hmenu.color-rainbow LI+LI+LI+LI+LI A {
  color: cyan;
}
.hmenu.color-rainbow LI+LI+LI+LI+LI+LI A {
  color: blue;
}
/* add more here when there is more hmenu items */

/***************************************
 hmenu link > visited > hover > active
****************************************/
.hmenu UL A.current:link,
.hmenu UL A.current:visited,
.hmenu UL A:hover,
.hmenu UL A:active {
	color: #444;
}

/***************************************
 hmenu (theme: classic)
****************************************/
.hmenu.theme-classic {
  /* Used as a TAG only. Same as .hmenu */
}

/***************************************
 hmenu (theme: transparent)
****************************************/
UL.hmenu.theme-transparent A.current:link,
UL.hmenu.theme-transparent A.current:visited {
  background:orange;
  color: white;
}
UL.hmenu.theme-transparent A:hover {
  border: 1px solid white;
}
.hmenu.theme-transparent LI {
  background: transparent;
}
.hmenu.theme-transparent A {
  background: transparent;
  border: none;
}
.hmenu.theme-transparent UL {
  background: transparent;
  border: none;
}

/* ----------------------------- */